<jsp:include page="header.jsp" />

<div id="page-wrapper" >
				
		<div class="col-sm-10 col-sm-offset-2">
			<h1 class = "page-header col-sm-12">Manage your account</h1>
			
			<div class = "col-sm-2" style = "border-right: 1px solid #ccc;">
				
				<ul class = "nav">
					<li><a href = "/MetaQBank/editProfile.jsp">Edit Profile</a></li>
					<li><a href = "/MetaQBank/changePassword.jsp">Change Password</a></li>
					<li><a href = "/MetaQBank/upload.jsp">Upload Photo</a></li>
				</ul>
				
			</div>
			
			<div class = "col-sm-8">	
				<h3> Change Password </h3>
				<br>
				<div class = "col-sm-12 col-sm-offset-3" style ="color : red">${errorMessage}</div>
				<div class = "col-sm-12 col-sm-offset-3" style ="color : green">${successMessage}</div>
				<div class = "col-sm-12">&nbsp;</div>
				<form class="form-horizontal" role="form" action="/MetaQBank/rest/profile/changePassword" method = "post">
					<div>
						<div class="form-group">
							<label class="col-sm-3 control-label"> Current Password </label>
							<div class="col-sm-4">
								<input type = "password" class = "form-control" id ="currentPassword" name = "currentPassword" >
							</div>	
						</div>
						
						<div class="form-group">
							<label class="col-sm-3 control-label"> New Password </label>
							<div class="col-sm-4">
								<input type = "password" class = "form-control" name = "password" id ="password">
							</div>	
						</div>

						<button class = "btn btn-primary col-sm-offset-4">Change Password</button>
					</div>
				</form>
			</div>
		
        </div>
       </div> 